// font family

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");

$font-playfair: "Playfair Display", serif;
$font-lato: "Lato", sans-serif;

//Color

$color-white: #fff;
$color-black: #1e1e1e;
$color-primary: #f7b733;
$color-secondary: #ff9307;
$color-text: #657389;
$color-border: #dfdfdf;

// font color
.cl-white {
  color: $color-white;
}
.cl-primary {
  color: $color-primary;
}
.cl-text {
  color: $color-text;
}

.cl-secondary {
  color: $color-secondary;
}

//Media Query

$max1920: "only screen and (max-width: 1920px)";
// $max1850: "only screen and (max-width: 1850px)";
$max1800: "only screen and (max-width: 1800px)";
// $max1760: "only screen and (max-width: 1760px)";
$max1650: "only screen and (max-width: 1650px)";
$max1399: "only screen and (max-width: 1399.98px)";
$max1366: "only screen and (max-width: 1366px)";
$max1280: "only screen and (max-width: 1280px)";
$max1199: "only screen and (max-width: 1199.98px)";
$max991: "only screen and (max-width: 991.98px)";
$max767: "only screen and (max-width: 767.98px)";
$max575: "only screen and (max-width: 575.98px)";
$max480: "only screen and (max-width: 480px)";
$max374: "only screen and (max-width: 374.98px)";
